<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>MBDS - Indicators Sharing :: View</title>

<link href="css/styles.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/easy.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
	<script type="text/javascript" src="js/openlayers_piecharts_geojson_google_chart.js"></script>		

</head>

<body onload="init();">

<div id="Main">

    <div id="Header">
    
    	<div id="Logo" class="left"></div><!-- /Logo -->

    	<div id="UserDate" class="right">
        
        	<div id="User">Dr.Moe</div><!-- /User -->
 
         	<div id="Logout"><a href="#">Logout</a></div><!-- /Logout -->

        	<div id="Date">June 2, 2010</div><!-- /Date -->
        
        </div><!-- /UserDate -->
    
		<div class="clear"></div><!-- /clear -->    
    </div><!-- /Header -->
    
 
 
    <div id="Main_Tabs" class="view">
    
    	<div id="Tab_View" class="left">View</div><!-- /Tab_View --> 

    	<div id="Tab_Report" class="right"><a href="report_daily.htm">Report</a></div><!-- /Tab_Report --> 
    
		<div class="clear"></div><!-- /clear -->
        
        
            <ul id="countries">
                <li>
                    <!--Subnav Starts Here-->
                    <div>
                    	<br />
                    	<span class="title_popup">Select Cities<input type="checkbox" id="" /></span> <span class="small_text">(select all)</span>
                        <br />
                        <table cellpadding="0" cellspacing="0" class="countries_table">
                        	<tr>
                            	<th>Cambodia<input type="checkbox" id="" /></th>
                            	<th>China-G<input type="checkbox" id="" /></th>
                            	<th>China-Y<input type="checkbox" id="" /></th>
                            	<th>Lao PDR<input type="checkbox" id="" /></th>
                            	<th>Myanmar<input type="checkbox" id="" /></th>
                            	<th>Thailand<input type="checkbox" id="" /></th>
                            	<th>Vietnam<input type="checkbox" id="" /></th>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Banteay mean Chey</td>
                            	<td><input type="checkbox" id="" />Dong Xiang</td>
                            	<td><input type="checkbox" id="" />Luchun</td>
                            	<td><input type="checkbox" id="" />Bo Kaeo</td>
                            	<td><input type="checkbox" id="" />Myawaddy</td>
                            	<td><input type="checkbox" id="" />Chanthaburi</td>
                            	<td><input type="checkbox" id="" />An Giang</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Kampong Cham</td>
                            	<td><input type="checkbox" id="" />Ping Xiang</td>
                            	<td><input type="checkbox" id="" />Mengla</td>
                            	<td><input type="checkbox" id="" />Borikhamxay</td>
                            	<td><input type="checkbox" id="" />Tachilake</td>
                            	<td><input type="checkbox" id="" />Chiang Rai</td>
                            	<td><input type="checkbox" id="" />Guang Ninh</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Kampot</td>
                            	<td><input type="checkbox" id="" />Quangxi</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Champasak</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Mae Sot</td>
                            	<td><input type="checkbox" id="" />Ha Tinh</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Konh Kong</td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Khammouane</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Mukdaharn</td>
                            	<td><input type="checkbox" id="" />Kien Giang</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Stung Treng</td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Luang Namtha</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Nakorn Phanom</td>
                            	<td><input type="checkbox" id="" />Kuang Binh</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Svay Rieng</td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Savannakhet</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Nongkhai</td>
                            	<td><input type="checkbox" id="" />Lai Chau</td>
                            </tr>
                        	<tr>
                            	<td><input type="checkbox" id="" />Takaeo</td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Vientiane</td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Sakaeo</td>
                            	<td><input type="checkbox" id="" />Lang Son</td>
                            </tr>
                        	<tr>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Trat</td>
                            	<td><input type="checkbox" id="" />Quang Ninh</td>
                            </tr>
                        	<tr>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Ubon Ratchathani</td>
                            	<td><input type="checkbox" id="" />Quang Tri</td>
                            </tr>
                        	<tr>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td><input type="checkbox" id="" />Tay Ninh</td>
                            </tr>
                        </table><!--/countries_table-->
                    </div>
                    <!--Subnav Ends Here-->
                </li>
            </ul><!--/countries-->        
        
 
 
              <ul id="diseases">
                <li>
                    <!--Subnav Starts Here-->
                    <div>
                    	<br />
                    	<span class="title_popup">Select Diseases<input type="checkbox" id="" /></span> <span class="small_text">(select all)</span>
                        <br />
                        <table cellpadding="0" cellspacing="0" class="diseases_table">
                        	<tr>
                            	<th class="d">Daily<input type="checkbox" id="" /></th>
                            	<th class="w">Weekly<input type="checkbox" id="" /></th>
                            	<th class="m">Monthly<input type="checkbox" id="" /></th>
                            	<th class="q">Quarterly<input type="checkbox" id="" /></th>
                            	<th class="o">Others<input type="checkbox" id="" /></th>
                            </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Avian Flu</td>
                            	<td class="w"><input type="checkbox" id="" />Dengue fever</td>
                            	<td class="m"><input type="checkbox" id="" />Malaria</td>
                            	<td class="q"><input type="checkbox" id="" />HIV/AIDs</td>
                            	<td class="o"><input type="checkbox" id="" />Leptospirosis</td>
                            </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />AH1N1</td>
                            	<td class="w"><input type="checkbox" id="" />Typhoid fever</td>
                            	<td class="m"><input type="checkbox" id="" />Pneumonia</td>
                             	<td class="q"><input type="checkbox" id="" />Tuberculosis</td>
                            	<td class="o"><input type="checkbox" id="" />Chikungunya</td>
                           </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />SARS</td>
                            	<td class="w"><input type="checkbox" id="" />Measles</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Cholera /Severe Diarrhea</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                             	<td></td>
                           </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Encephalitis</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                             	<td></td>
                           </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Tetanus</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                             	<td></td>
                           </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Meningitis</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />Diphtheria</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            </tr>
                        	<tr>
                            	<td class="d"><input type="checkbox" id="" />PHEIC</td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            	<td></td>
                            </tr>
                        </table><!--/diseases_table-->
                    
                    </div>
                    <!--Subnav Ends Here-->
                </li>
            </ul><!--/diseases--> 
                    
 		<div class="clear"></div><!-- /clear -->
    
    </div><!-- /Main_Tabs -->
 
    
   
    <div id="Content">
    
		<div id="Mapa">			
			<div id="olmap"></div>
			<div id="info"></div>
		</div><!-- /Mapa -->
        

		<div class="tertiary">

		  <script type="text/javascript">
		    google.load('visualization', '1', {packages: ['annotatedtimeline']});
		    function drawVisualization() {
		      var data = new google.visualization.DataTable();
		      data.addColumn('date', 'Date');
		      data.addColumn('number', 'Malaria');
		      data.addColumn('number', 'Pneumonia');
		      data.addColumn('number', 'Dengue fever');
		      data.addColumn('number', 'Measles');
		      data.addRows(6);
		      data.setValue(0, 0, new Date(2010, 1 ,1));
		      data.setValue(0, 1, 2);
		      data.setValue(0, 2, 3);
		   	  data.setValue(0, 3, 17);
		   	  data.setValue(0, 4, 16);
		      data.setValue(1, 0, new Date(2010, 2 ,1));
		      data.setValue(1, 1, 12);
		      data.setValue(1, 2, 7);
		      data.setValue(1, 3, 5); 
		      data.setValue(1, 4, 10);
		      data.setValue(2, 0, new Date(2010, 3 ,1));
		      data.setValue(2, 1, 13);
		      data.setValue(2, 2, 1);
		      data.setValue(2, 3, 6);
		      data.setValue(2, 4, 19);
		      data.setValue(3, 0, new Date(2010, 4 ,1));
		      data.setValue(3, 1, 4);
		      data.setValue(3, 2, 18);
		      data.setValue(3, 3, 9);
		      data.setValue(3, 4, 20);
		      data.setValue(4, 0, new Date(2010, 5 ,1));
		      data.setValue(4, 1, 15);
		      data.setValue(4, 2, 11);
		      data.setValue(4, 3, 8);
		      data.setValue(4, 4, 14);
		      data.setValue(5, 0, new Date(2010, 6 ,1));
		      data.setValue(5, 1, 4);
		      data.setValue(5, 2, 3);
		      data.setValue(5, 3, 8);
		      data.setValue(5, 4, 6);
		      
		      var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
		          document.getElementById('visualization'));
		      annotatedtimeline.draw(data, {'displayAnnotations': true});
		    }
		    
		    google.setOnLoadCallback(drawVisualization);
		  </script>
          
		<div id="visualization"></div><!-- /visualization -->
		​
	
		</div><!-- /tertiary -->		

    
    </div><!-- /Content -->
    <div id="Content_end"></div><!-- /Content_end -->
    
    
    <div id="Footer">
    
    	<div id="Instedd_logo" class="right"><a href="http://instedd.org/" target="_blank"><img src="images/Instedd_logo.gif" /></a></div>
    
    
    </div><!-- /Footer -->



</div><!-- /Main -->


</body>
</html>
